<template>
<p>要使用它，只需要在 <code>&lt;el-input-number&gt;</code> 元素中使用 <code>v-model</code> 绑定变量即可，变量的初始值即为默认值。</p>
  <el-input-number v-model="num" :min="1" :max="10" @change="handleChange" />
<div class="tip custom-block"><p class="custom-block-title">TIP</p><p>当输入无效的字符串到输入框时，由于错误，输入值将把 <code>NaN</code> 导入到上层</p></div>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const num = ref(1)
const handleChange = (value: number) => {
  console.log(value)
}
</script>

<style scoped>
@import '../../assets/elementPlusDemo.css'
</style>